<template>
  <van-popup
    v-model="open"
    closeable
    round
    position="bottom"
    :style="{ height: '80%' }"
  >
    <slot></slot>
  </van-popup>
</template>

<script>
import { Popup } from "vant";
export default {
  components: {
    [Popup.name]: Popup,
  },
  data() {
    return {
      open: false,
    };
  },
};
</script>

<style lang="less" scoped>
/deep/.Activity {
  padding: 17px 0;
  font-size: 18px;
  text-align: center;
  line-height: 22px;
  text-align: center;
  color: #333333;
  font-weight: bold;
}
/deep/.content-wrap {
  font-size: 12px;
  line-height: 22px;
  color: #333333;
}
</style>